<!DOCTYPE html>
<html lang="en">
  <head>
    <title>主页</title>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="icon" href="images/favicon.ico" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery.js"></script>
    <script src="js/jquery-migrate-1.1.1.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/script.js"></script>
    <script src="js/superfish.js"></script>
    <script src="js/jquery.equalheights.js"></script>
    <script src="js/jquery.mobilemenu.js"></script>
    <script src="js/tmStickUp.js"></script>
    <script src="js/jquery.ui.totop.js"></script>
    <script src="js/jquery.shuffle-images.js"></script>
    <script>
      $(window).load(function () {
        $().UItoTop({ easingType: "easeOutQuart" });
        $("#stuck_container").tmStickUp({});
      });

      $(document).ready(function () {
        $(".shuffle-me").shuffleImages({
          target: ".images > img",
        });
      });
    </script>
    <!--[if lt IE 8]>
      <div style="clear: both; text-align: center; position: relative">
        <a
          href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/主页?ocid=ie6_countdown_bannercode"
        >
          <img
            src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"
            border="0"
            height="42"
            width="820"
            alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."
          />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <link rel="stylesheet" media="screen" href="css/ie.css" />
    <![endif]-->
  </head>

  <body class="page1" id="top">
    <!--==============================
              header
=================================-->
    <header>
      <div class="header_top">
        <div class="container">
          <div class="row">
            <div class="grid_12">
              <h1>
                <a href="#"
                  >第五人格 <br />
                  亲眼所见，亦非真实
                </a>
              </h1>
              1V4非对称竞技
            </div>
          </div>
        </div>
      </div>
      <section id="stuck_container">
        <!--==============================
              Stuck menu
  =================================-->
        <div class="container">
          <div class="row">
            <div class="grid_12">
              <h1 class="logo">
                <a href="index.html"> 第五人格 </a>
              </h1>
              <div class="navigation">
                <nav>
                  <ul class="sf-menu">
                    <li class="current"><a href="index.html">主页</a></li>
                    <li><a href="关于它.html">关于它</a></li>
                    <li><a href="角色概览.html">角色概览</a></li>
                    <li><a href="深渊.html">深渊</a></li>
                    <li><a href="战队介绍.html">战队介绍</a></li>
                  </ul>
                </nav>
                <div class="clear"></div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
      </section>
    </header>
    <!--=====================
          Content
======================-->
    <section id="content">
      <div class="ic"></div>
      <div class="container">
        <div class="row">
          <div class="grid_12">
            <h2 class="ta__center">概览</h2>
            <div class="shuffle-group">
              <div class="row">
                <div class="grid_8">
                  <div
                    data-si-mousemove-trigger="100"
                    class="shuffle-me offset__1"
                  >
                    <a href="角色概览.html" class="info" target="_blank"></a>
                    <div class="images">
                      <img src="images/gall_1.jpg" alt="" />
                      <img src="images/gall_1-1.jpg" alt="" />
                      <img src="images/gall_1-2.jpg" alt="" />
                    </div>
                  </div>
                </div>
                <div class="grid_4">
                  <div data-si-mousemove-trigger="100" class="shuffle-me">
                    <a href="角色概览.html" class="info" target="_blank"></a>
                    <div class="images">
                      <img src="images/gall_2.jpg" alt="" />
                      <img src="images/gall_2-1.jpg" alt="" />
                      <img src="images/gall_2-2.jpg" alt="" />
                    </div>
                  </div>
                  <div
                    data-si-mousemove-trigger="100"
                    class="shuffle-me offset__1"
                  >
                    <a href="角色概览.html" class="info" target="_blank"></a>
                    <div class="images">
                      <img src="images/gall_3.jpg" alt="" />
                      <img src="images/gall_3-1.jpg" alt="" />
                      <img src="images/gall_3-2.jpg" alt="" />
                    </div>
                  </div>
                </div>
                <div class="clear"></div>
                <div class="grid_4">
                  <div data-si-mousemove-trigger="100" class="shuffle-me">
                    <a href="角色概览.html" class="info" target="_blank"></a>
                    <div class="images">
                      <img src="images/gall_4.jpg" alt="" />
                      <img src="images/gall_4-1.jpg" alt="" />
                      <img src="images/gall_4-2.jpg" alt="" />
                    </div>
                  </div>
                  <div data-si-mousemove-trigger="100" class="shuffle-me">
                    <a href="角色概览.html" class="info" target="_blank"></a>
                    <div class="images">
                      <img src="images/gall_5.jpg" alt="" />
                      <img src="images/gall_5-1.jpg" alt="" />
                      <img src="images/gall_5-2.jpg" alt="" />
                    </div>
                  </div>
                </div>
                <div class="grid_8">
                  <div data-si-mousemove-trigger="100" class="shuffle-me">
                    <a href="角色概览.html" class="info" target="_blank"></a>
                    <div class="images">
                      <img src="images/gall_6.jpg" alt="" />
                      <img src="images/gall_6-1.jpg" alt="" />
                      <img src="images/gall_6-2.jpg" alt="" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="sep-1"></div>
      <div class="container">
        <div class="row">
          <div class="grid_8">
            <h3>小说家“奥尔菲斯”</h3>
            <img
              src="images/page1_img1.jpg"
              alt=""
              class="img_inner fleft noresize"
            />
            <div class="extra_wrapper">
              <p class="offset__1">
                小说界冉冉升起的新星，擅长悬疑恐怖小说写作，人们对他的传言很多，有人说他家庭幸福美满，有人说他孤身一人离群索居。
                但不论真相如何，丰厚的版税和人数庞大的读者群，总归给他带来了可观的财富和声誉，让“奥尔菲斯”成为了旁人眼中如日中天的青年才俊。
                然而只有他自己才知道，那来自过去的噩梦，从未离去。所以当他收到那封随着笛子而来邀请函时，他知道，他没有拒绝的理由。
              </p>
            </div>
            <div class="clear"></div>
            <p>
              想了解更多主线故事请点击
              <a href=" https://id5.163.com/index.html" rel="nofollow" class="color1"
                ><strong>第五人格</strong></a
              >
              。
            </p>
            <p>
              想要立即游玩可访问
              <a href="https://id5.163.com/index.html" rel="nofollow" class="color1"
                ><strong>官网下载</strong></a
              >
              游戏。
            </p>
            未满14周岁的小伙伴请在家人陪同下游玩 <br />
            <a href="#" class="btn">更多</a>
          </div>
          <div class="grid_4">
            <h3>和我一起开黑</h3>
            <ul class="socials">
              <li>
                <div class="fa fa-facebook"></div>
                <a href="#">当然不可能用Facebook，必不可能</a>
              </li>
              <li>
                <div class="fa fa-QQTecent"></div>
                <a href="#">QQ：1724834623</a>
              </li>
              <li>
                <div class="fa fa-bilibili"></div>
                <a
                  href="https://www.bilibili.com/v/channel/3550779?keyword=%E7%AC%AC%E4%BA%94%E4%BA%BA%E6%A0%BC&tab=featured"
                  >哔哩哔哩第五人格专区</a
                >
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="sep-1"></div>
      <div class="container">
        <div class="row">
          <div class="grid_7">
            <h3 class="head__1">COV深渊的呼唤</h3>
            <time class="time-1" datetime="2021-01-15"
              >01.15 <br />
              2021</time
            >
            <p class="offset__2">
              三家企业巨头角逐的伟大拉力赛即将开始轰鸣。
              越野车、摩托车、老爷车——只要是带着轮子的发动机都有资格参赛挑战！
              甩掉身后的威胁，冲破眼前的阻碍，在起点和终点之间，只有争分夺秒，超越时间的速度！
            </p>
            第四届盛典活动——【深渊的呼唤IV】，按时间分为花苑长廊，山间雪道，冻港危途，巅峰时速四个阶段。
            1.花苑长廊，盛典预告阶段，战队队长可免费报名盛典，报名之后战队成员可在盛典正式开启后参与。
            2.山间雪道，盛典正式开启阶段，报名战队成员参与战斗可获得大量盛典专属奖励，可参与山间雪道战斗获取“山间雪道积分”，积分排名前100名（非中国大陆赛区为50名）的战队将进入下个阶段继续角逐。
            3.冻港危途，盛典直播狂欢阶段，山间雪道阶段前100名战队，可参与冻港危途战斗获取“冻港危途积分”，积分排名前8名的战队将获得更多奖励及参加预选赛的资格。
            4.巅峰时速，战队排名展示阶段，8支排名战队+8支IVL战队（非中国大陆赛区为8支排名战队）将被邀请参加后续的中国大陆赛区线上预选赛。<br />
            <a href="#" class="btn">更多</a>
      </div>
    </section>
    <!--==============================
              footer
=================================-->
    <footer id="footer">
      <div class="container">
        <div class="row">
          <div class="grid_12">
            <h2>网易</h2>
            <div class="footer_phone">第五人格</div>
            <a href="#" class="footer_mail">宣传主页</a>
            <div class="sub-copy">
              更多信息请点击
              <a href="https://id5.163.com/index.html" rel="nofollow">第五人格官网</a>
            </div>
          </div>
        </div>
        <p>Designed by CS2108_刘国彦</p>
        <a href=https://a8119.gitee.io/xl_up2.gitee.io class="btn">返回316主页</a
        ><!--跳转寝室主页-->
      </div>
    </footer>
    <a href="#" id="toTop" class="fa fa-chevron-up"></a>
  </body>
</html>
